/* 全局滚动条样式 */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: transparent;
}

/* 设置全局滚动条样式*/
::-webkit-scrollbar-thumb {
  position: absolute;
  right: 0;
  border-radius: 3px;
  @include themify() {
    background-color: themed("scrollbarBg");
  }
}

::-webkit-scrollbar-corner {
  display: none;
}

// el-scroll
.el-scrollbar {
  height: 100%;

  .el-scrollbar__wrap {
    overflow-x: hidden;
  }

  .is-horizontal {
    display: none;
  }
}

// el-menu el-scroll
.el-menu--vertical {
  & > .el-menu--popup::-webkit-scrollbar-track-piece {
    background-color: transparent;
  }

  & > .el-menu--popup::-webkit-scrollbar-thumb {
    @include themify() {
      background-color: themed("scrollbarBg");
    }
  }
}

// el-side-bar el-scroll
.sidebar-container {
  .el-scrollbar {
    .el-scrollbar__thumb {
      @include themify() {
        background-color: themed("scrollbarBg");
      }

      &:hover {
        @include themify() {
          background-color: themed("scrollbarBg");
        }
      }
    }
  }
}

.el-select-dropdown,
.el-dropdown-menu {
  ::-webkit-scrollbar-thumb {
    background-color: rgba(144, 147, 153, .3);
  }
}
